<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

</body>
<script type="module">
    // 1
    // import {a,b,c} from "./mo/mo1.js";
	// console.log(a,b,c);// 1 2 3

    // 2
    // import suibian from "./mo/mo2.js";
	// console.log(suibian)// 1

    // 3
    // import suibian,{a,b} from "./mo/mo3.js";
	// console.log(a,b,suibian);// 1 2 300

    // 4
    // import {a,b,c} from "./mo/mo4.js";
	// console.log(a,b,c);// 1 2 3

    // 5
    // import * as suibian from "./mo/mo5.js";
	// console.log(suibian.a,suibian.b);

    // 6
    // import {a as aa} from "./mo/mo6.js";
	// import {a} from "./mo/mo5.js";
	// console.log(aa,a);// 100 1

    // 7
    // import {num,setNum} from "./mo/mo7.js";
	// setNum(200);
	// console.log(num);

    // 8
    // 模块只有第一次引入时才会执行，第一次执行完毕后会将数据放置到缓存中。下一次引入时会直接从缓存中提取数据。
    // import {username,setUsername} from "./mo/mo8.js";
    // import {username as username2} from "./mo/mo8.js";
    // setUsername("LISI")
	// console.log(username,username2);

    // 9
    // let d = 100;
    // import suibian,{a,b,c,dd} from "./mo/mo9.js";
	// console.log(a,b,c,d,dd,suibian);// 1 2 3 100 4 999

    // vue react 路由懒加载
    // let str = "./mo/mo1.js";
	// import(str).then(value=>{
	// 	console.log(value.a,value.b,value.c);
    // })

	(async function(){
		const {a,b} = await import("./mo/mo1.js");
		console.log(a,b)
    })();

</script>
</html>